枠線の重なりを指定する


表の枠線

りんご100円
みかん350円
桃150円

りんご100円
みかん350円
桃150円


▼ソース
<HTML>
<HEAD>
<TITLE>魅せるホームページ作成講座</TITLE>
<STYLE type="text/css">
TABLE.t1{
  border:3px #009900 solid;
  border-collapse:collapse;
}
TABLE.t2{
  border:3px #009900 solid;
  border-collapse:separate;
}
TD.c1{
  border:1px #FF0000 solid;
  padding:10px;
  font-size:16pt;
  font-weight:bold;
  color:#FF0000;
}
TD.c2{
  border:1px #0000FF solid;
  padding:10px;
  font-size:16pt;
  font-weight:bold;
}
</STYLE>
</HEAD>
<BODY>
<H1>表の枠線</H1>
<TABLE class="t1">
<TR><TD class="c1">りんご</TD><TD class="c2">100円</TD></TR>
<TR><TD class="c1">みかん</TD><TD class="c2">350円</TD></TR>
<TR><TD class="c1">桃</TD><TD class="c2">150円</TD></TR>
</TABLE>
<BR>
<TABLE class="t2">
<TR><TD class="c1">りんご</TD><TD class="c2">100円</TD></TR>
<TR><TD class="c1">みかん</TD><TD class="c2">350円</TD></TR>
<TR><TD class="c1">桃</TD><TD class="c2">150円</TD></TR>
</TABLE>
</BODY>
</HTML>

PC�p�����y�����l���g�����������}�W�������������z �����������O�~�y�������������z Yahoo �y�V NTT-X Store

�����z�[���y�[�W �������N���W�b�g�J�[�h �C�O�i���q���� ���������[�� �C�O���s�����������I �C�O�z�e��